<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>添加家人</title>
    <link rel="stylesheet" href="../css/family.css">
</head>

<body>
    <div class="family">
        <h3>添加家人</h3>
        <!-- 添加家人内容 -->
        <div class="conten flex">
            <ul class="info">
                <li class="flex">
                    <div>
                        <span>姓：</span>
                        <input type="text" id="xing">
                    </div>
                    <div>
                        <span>名：</span>
                        <input type="text" id="ming">
                    </div>
                </li>
                <li class="flex">
                    <div class="ctipt">
                        <span>性别：</span>
                        <input type="radio" name="gender" id="male" value="1">
                        <label for="male">男</label>&nbsp;
                        <input type="radio" name="gender" id="female" value="2">
                        <label for="female">女</label>
                    </div>
                    <div class="birth">
                        <span>出生日期：</span><input type="date" id="riqi">
                    </div>
                </li>
                <li>
                    <span>电话：</span> <input type="text" id="dianhua">
                </li>
                <li class="flex">
                    <div>
                        <span>人生格言：</span>
                    </div>
                    <div>
                        <textarea placeholder="请输入..." id="geyan" cols="40" rows="6"></textarea>
                    </div>
                </li>
            </ul>
            <div class="ico">
                <p>上传头像</p>
                <div class="ico_img">
                    <img src="../../image/upload.png" id="timg" alt="">
                    <input type="file" onchange="uploadImg(this)">
                </div>
            </div>
        </div>
        <!-- 确定按钮 -->
        <div class="queding">
            <button onclick="ensure()">确定</button>
        </div>
    </div>
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/family.js"></script>
</body>

</html>